<style>
    [v-clock] {display: none;}
    .btn-select{height: 34px;line-height: 34px;padding: 0 20px;}
    .flex{display: flex;flex-wrap: wrap;}
    .time-list .item{
        position: relative;
        /*width: 100px;*/
        margin-top: 15px;
        margin-right: 26px;
    }
    .time-list .item input{width: 115px;border: solid 1px #d2d6de;height: 34px;line-height: 34px;}
    .time-list .item .del{width: 16px;height: 16px;border-radius: 8px;position: absolute;right: -8px;top: -8px;background: #d2d6de;border-radius: 8px; line-height: 16px;text-align: center;font-size: 10px;}
</style>
<div class="panel panel-default panel-intro">

    {:build_heading()}


    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
<!--                    <div id="toolbar" class="toolbar">-->
<!--                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>-->
<!--                        <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('meet/store/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>-->
<!--                        <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('meet/store/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>-->
<!--                        <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('meet/store/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>-->


<!--                        <div class="dropdown btn-group {:$auth->check('meet/store/multi')?'':'hide'}">-->
<!--                            <a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>-->
<!--                            <ul class="dropdown-menu text-left" role="menu">-->
<!--                                {foreach name="statusList" item="vo"}-->
<!--                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:" data-params="status={$key}">{:__('Set status to ' . $key)}</a></li>-->
<!--                                {/foreach}-->
<!--                            </ul>-->
<!--                        </div>-->

<!--                        <a class="btn btn-success btn-recyclebin btn-dialog {:$auth->check('meet/store/recyclebin')?'':'hide'}" href="meet/store/recyclebin" title="{:__('Recycle bin')}"><i class="fa fa-recycle"></i> {:__('Recycle bin')}</a>-->
<!--                    </div>-->
<!--                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"-->
<!--                           data-operate-edit="{:$auth->check('meet/store/edit')}"-->
<!--                           data-operate-del="{:$auth->check('meet/store/del')}"-->
<!--                           width="100%">-->
<!--                    </table>-->
                    <form id="store-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
                            <div class="col-xs-12 col-sm-8">
                                <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" value="{$row.name|htmlentities}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-2">{:__('Images')}:</label>
                            <div class="col-xs-12 col-sm-8">
                                <div class="input-group">
                                    <input id="c-images" class="form-control" size="50" name="row[images]" type="textarea" value="{$row.images|htmlentities}">
                                    <div class="input-group-addon no-border no-padding">
                                        <span><button type="button" id="faupload-images" class="btn btn-danger faupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                        <span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                    </div>
                                    <span class="msg-box n-right" for="c-images"></span>
                                </div>
                                <ul class="row list-inline faupload-preview" id="p-images"></ul>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-2">{:__('Telephone')}:</label>
                            <div class="col-xs-12 col-sm-8">
                                <input id="c-telephone" class="form-control" name="row[telephone]" type="text" value="{$row.telephone|htmlentities}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-2">{:__('Provinces and cities')}:</label>
                            <div class="form-inline col-xs-12 col-sm-8" data-toggle="cxselect" data-selects="province,city,area">
                                <select class="province form-control" name="province" data-rule="required" data-url="ajax/area">
                                    <option value="{$row.province_id|htmlentities}" selected=""></option>
                                </select>
                                <select class="city form-control" name="city" data-rule="required" data-url="ajax/area">
                                    <option value="{$row.city_id|htmlentities}" selected=""></option>
                                </select>
                                <select class="area form-control" name="area" data-rule="required" data-url="ajax/area">
                                    <option value="{$row.county_id|htmlentities}" selected=""></option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-2">{:__('Address')}:</label>
                            <div class="col-xs-12 col-sm-8">
                                <input id="c-address" class="form-control" name="row[address]" type="text" value="{$row.address|htmlentities}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-2">{:__('Map_positioning')}:</label>
                            <div class="col-xs-12 col-sm-8">
                                <input id="c-location" data-rule="required" class="form-control btn-location" name="row[location]" type="text" value="{$row.location|htmlentities}" readonly>
                                <span class="help-block">
                                    <a class="btn-location" href="javascript:void(0);">{:__('Click to select geographical location')}</a>
                                </span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-2">{:__('Business_hours')}:</label>
                            <div class="col-xs-12 col-sm-8">
                                <input id="c-business_hours" class="form-control" name="row[business_hours]" data-rule="required" type="text" value="{$row.business_hours|htmlentities}">
                                <p class="text-gray" style="margin-top: 5px;">{:__('Business hours tips')}</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-2">{:__('Early_refund')}:</label>
                            <div class="col-xs-12 col-sm-3">
                                <div class="input-group">
                                    <input id="c-early_refund" class="form-control" name="row[early_refund]" type="number" min="1" step="1" data-rule="integer;range(0~);" value="{$row.early_refund|htmlentities}">
                                    <span class="input-group-addon">{:__('Minute')}</span>
                                </div>
                                <p class="text-gray" style="margin-top: 5px;">{:__('If you fill in 0, there is no limit')}</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-2">{:__('Refund_handle_fee')}:</label>
                            <div class="col-xs-12 col-sm-3">
                                <div class="input-group">
                                    <input id="c-refund_handle_fee" class="form-control" name="row[refund_handle_fee]" type="number" min="1" step="1" data-rule="range(0~);" value="{$row.refund_handle_fee|htmlentities}">
                                    <span class="input-group-addon">{:__('%')}</span>
                                </div>
                                <p class="text-gray" style="margin-top: 5px;">{:__('If you fill in 0, there is no handling fee')}</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-2">{:__('Time_interval')}:</label>
                            <div class="col-xs-12 col-sm-8">
                                <input type="hidden" id="c-time_interval" value="{$row.time_interval|htmlentities}">
                                <button type="button" class="btn btn-sm btn-info btn-time_append"><i class="fa fa-plus"></i> {:__('Add')}</button>
                                <div class="time-list flex">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-2">{:__('Receive_user_ids')}:</label>
                            <div class="col-xs-12 col-sm-8">
                                <button type="button" class="btn btn-success btn-wechat">{:__('Select user')}</button>
                                <table id="receive_template" class="table table-striped table-bordered table-hover table-nowrap" style="margin-top: 10px;">

                                </table>
                            </div>
                        </div>
                        <div class="form-group layer-footer">
                            <label class="control-label col-xs-12 col-sm-2"></label>
                            <div class="col-xs-12 col-sm-8">
                                <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>

        </div>
    </div>
</div>

<script>
    var receiveUsers = {$row.receive_users ? $row.receive_users : "''"};
</script>